<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>伪类选择器</title>
    <style>
        a{
            /* 文本装饰 */
            text-decoration: none;
            font-size: 50px;
        }
        a:link{ /*  默认状态 */
            color: black;
        }
        a:hover{ /* 鼠标悬停 */
            color: red;
        }
        a:active{/* 正在点击-鼠标按下的瞬间 */
            color: blueviolet;
        }
        a:visited{ /* 访问过的 */
            color: green;
        }
    </style>
</head>
<body>


<!--
    伪类选择器：元素在网页操作过程中不同的状态显示不同的样式
        语法：
        TODO:是冒号！！！
            a:link 正常
            a:hover 鼠标悬停
            a:visited 访问过的
            a:active 正在点击
        元素得到焦点： 文本框有光标在里面闪烁
            元素:focus

-->

<a href="#1">传智播客</a> <br>
<a href="#2">传智播客</a> <br>
<a href="#3">传智播客</a> <br>
<a href="#4">传智播客</a> <br>
</body>
</html>